<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="Keywords" Content="婚礼包办,婚礼策划，爱情,蜜月,婚礼用品">
		<meta name="Description" Content="为用户提供婚礼策划、婚车租赁、婚纱摄影、蜜月旅行以及周边服务商品的商城，为用户提供一站式解决方案，解决用户在婚礼各个环节中遇到的困难。">
		<link rel="shortcut icon" type="image/x-icon" href="../img/static/shemher.ico" media="screen" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>相合网_高品质婚礼服务</title>
		<link rel="stylesheet" type="text/css" href="../css/mod/base.css" />
		<link rel="stylesheet" type="text/css" href="../css/mod/header.css" />
		<link rel="stylesheet" type="text/css" href="../css/mod/footer.css" />
		<link rel="stylesheet" type="text/css" href="../css/page/hotel.css" />
	</head>
	<body>
		<!--S头部-->
		<div class="header">

		</div>
		<!--E头部-->
		<!--S轮播导航-->
		<div class="slider">
			<ul>
			</ul>
		</div>
		<!--E轮播导航-->

		<!--S面包屑导航	-->
		<div class="crumb wrap">
			<a href="" class="mod-info">首页 > </a>
			<a href="" class="mod-info">新娘日志 </a>
			<a href="" class="mod-btn mt15 mr15 fr">我的日志</a>
		</div>
		<!--E面包屑导航	-->

		<div class="wrap pt5">
			<!--小选择框-->
			<div class="rank mod-info clearfix">
				<div class="fl select-part-tit">
					<span class="select-tit">排序:</span>
				</div>
				<div class="fl select-part-wrap">
					<a href="javascript:void(0);" class="select-part">综合</a>
					<a href="javascript:void(0);" class="select-part up">收藏</a>
					<a href="javascript:void(0);" class="select-part down">11</a>
					<a href="javascript:void(0);" class="select-part active">最新</a>
				</div>
				<div class="fr page-shift">
					<span class="pre-btn"></span>
					<span class="page-nownum">1</span>
					<span class="page-allnum">/ &nbsp;4</span>
					<span class="next-btn"></span>
				</div>
			</div>
			<!--小选择框-->

			<!--S新娘日志-->
			<div class="journal-wrap mt30" id="journalwrap">
				<div class="journal clearfix">
					<div class="journal-left fl">
						<h1 class="mod-tit">标题标题</h1>
						<p class="mod-info mt10">2017-04-06</p>
						<p class="mod-intro mt10">作者：王小明哈哈</p>
						<p class="mod-info comment mt15">介绍介绍介绍介绍介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
						<div class="mt20">
							<span class="mod-h2 collect">收藏：16</span>
							<span class="mod-h2 execute ml15">执行：2</span>
						</div>
					</div>

					<div class="journal-right fr">
						<img src="../img/online/160x160.png" />
						<img src="../img/online/160x160.png" />
						<img src="../img/online/160x160.png" />
					</div>

				</div>
				<div class="journal clearfix">
					<div class="journal-left fl">
						<h1 class="mod-tit">标题标题</h1>
						<p class="mod-info mt10">2017-04-06</p>
						<p class="mod-intro mt10">作者：王小明哈哈</p>
						<p class="mod-info comment mt15">介绍介绍介绍介绍介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
						<div class="mt20">
							<span class="mod-h2 collect">收藏：16</span>
							<span class="mod-h2 execute ml15">执行：2</span>
						</div>
					</div>

					<div class="journal-right fr">
						<img src="../img/online/160x160.png" />
						<img src="../img/online/160x160.png" />
						<img src="../img/online/160x160.png" />
					</div>

				</div>
				<div class="journal clearfix">
					<div class="journal-left fl">
						<h1 class="mod-tit">标题标题</h1>
						<p class="mod-info mt10">2017-04-06</p>
						<p class="mod-intro mt10">作者：王小明哈哈</p>
						<p class="mod-info comment mt15">介绍介绍介绍介绍介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
						<div class="mt20">
							<span class="mod-h2 collect">收藏：16</span>
							<span class="mod-h2 execute ml15">执行：2</span>
						</div>
					</div>

					<div class="journal-right fr">
						<img src="../img/online/160x160.png" />
						<img src="../img/online/160x160.png" />
						<img src="../img/online/160x160.png" />
					</div>

				</div>
				<div class="journal clearfix">
					<div class="journal-left fl">
						<h1 class="mod-tit">标题标题</h1>
						<p class="mod-info mt10">2017-04-06</p>
						<p class="mod-intro mt10">作者：王小明哈哈</p>
						<p class="mod-info comment mt15">介绍介绍介绍介绍介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
						<div class="mt20">
							<span class="mod-h2 collect">收藏：16</span>
							<span class="mod-h2 execute ml15">执行：2</span>
						</div>
					</div>

					<div class="journal-right fr">
						<img src="../img/online/160x160.png" />
						<img src="../img/online/160x160.png" />
						<img src="../img/online/160x160.png" />
					</div>

				</div>
				<div class="journal clearfix">
					<div class="journal-left fl">
						<h1 class="mod-tit">标题标题</h1>
						<p class="mod-info mt10">2017-04-06</p>
						<p class="mod-intro mt10">作者：王小明哈哈</p>
						<p class="mod-info comment mt15">介绍介绍介绍介绍介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
						<div class="mt20">
							<span class="mod-h2 collect">收藏：16</span>
							<span class="mod-h2 execute ml15">执行：2</span>
						</div>
					</div>

					<div class="journal-right fr">
						<img src="../img/online/160x160.png" />
						<img src="../img/online/160x160.png" />
						<img src="../img/online/160x160.png" />
					</div>

				</div>
				<div class="journal clearfix">
					<div class="journal-left fl">
						<h1 class="mod-tit">标题标题</h1>
						<p class="mod-info mt10">2017-04-06</p>
						<p class="mod-intro mt10">作者：王小明哈哈</p>
						<p class="mod-info comment mt15">介绍介绍介绍介绍介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
						<div class="mt20">
							<span class="mod-h2 collect">收藏：16</span>
							<span class="mod-h2 execute ml15">执行：2</span>
						</div>
					</div>

					<div class="journal-right fr">
						<img src="../img/online/160x160.png" />
						<img src="../img/online/160x160.png" />
						<img src="../img/online/160x160.png" />
					</div>

				</div>
				<div class="journal clearfix">
					<div class="journal-left fl">
						<h1 class="mod-tit">标题标题</h1>
						<p class="mod-info mt10">2017-04-06</p>
						<p class="mod-intro mt10">作者：王小明哈哈</p>
						<p class="mod-info comment mt15">介绍介绍介绍介绍介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
						<div class="mt20">
							<span class="mod-h2 collect">收藏：16</span>
							<span class="mod-h2 execute ml15">执行：2</span>
						</div>
					</div>

					<div class="journal-right fr">
						<img src="../img/online/160x160.png" />
						<img src="../img/online/160x160.png" />
						<img src="../img/online/160x160.png" />
					</div>

				</div>
				<div class="journal clearfix">
					<div class="journal-left fl">
						<h1 class="mod-tit">标题标题</h1>
						<p class="mod-info mt10">2017-04-06</p>
						<p class="mod-intro mt10">作者：王小明哈哈</p>
						<p class="mod-info comment mt15">介绍介绍介绍介绍介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
						<div class="mt20">
							<span class="mod-h2 collect">收藏：16</span>
							<span class="mod-h2 execute ml15">执行：2</span>
						</div>
					</div>

					<div class="journal-right fr">
						<img src="../img/online/160x160.png" />
						<img src="../img/online/160x160.png" />
						<img src="../img/online/160x160.png" />
					</div>

				</div>
				<div class="journal clearfix">
					<div class="journal-left fl">
						<h1 class="mod-tit">标题标题</h1>
						<p class="mod-info mt10">2017-04-06</p>
						<p class="mod-intro mt10">作者：王小明哈哈</p>
						<p class="mod-info comment mt15">介绍介绍介绍介绍介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
						<div class="mt20">
							<span class="mod-h2 collect">收藏：16</span>
							<span class="mod-h2 execute ml15">执行：2</span>
						</div>
					</div>

					<div class="journal-right fr">
						<img src="../img/online/160x160.png" />
						<img src="../img/online/160x160.png" />
						<img src="../img/online/160x160.png" />
					</div>

				</div>
				<div class="journal clearfix">
					<div class="journal-left fl">
						<h1 class="mod-tit">标题标题</h1>
						<p class="mod-info mt10">2017-04-06</p>
						<p class="mod-intro mt10">作者：王小明哈哈</p>
						<p class="mod-info comment mt15">介绍介绍介绍介绍介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
						<div class="mt20">
							<span class="mod-h2 collect">收藏：16</span>
							<span class="mod-h2 execute ml15">执行：2</span>
						</div>
					</div>

					<div class="journal-right fr">
						<img src="../img/online/160x160.png" />
						<img src="../img/online/160x160.png" />
						<img src="../img/online/160x160.png" />
					</div>

				</div>

			</div>
			<!--E新娘日志--->

			<!--S页数-->
			<div class="page-wrap mt60 tc">
				<span class="pre-btn first-btn"></span>
				<span class="pre-btn opre-btn"></span>
				<span class="page-btn-wrap">
				<span class="page-btn active">1</span>
				<span class="page-btn">2</span>
				<span class="page-btn">3</span>
				<span class="page-btn">4</span>
				</span>
				<span class="next-btn onext-btn"></span>
				<span class="next-btn last-btn"></span>
				<span class="gopage-wrap">
					<input type="text" name="gopage" id="gopage" value="" /><span class="page-btn go">GO</span>
				</span>
			</div>
			<!--E页数-->
		</div>
		<!--脚部部分-->
		<div class="footer mt100">
		</div>
		<!--脚部部分-->
		<script src="../js/mod/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/mod/mod.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/mod/page.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/mod/pageActive.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/mod/artTemplate.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			/*数据商家筛选框*/
			 myAjax("xhwed.php/Journal/journalScreen",planScreen ) 
			function planScreen(data){
				var  data = JSON.parse(data);
				//console.log(data);
				drawSelect(data.result);
			 }
         listAjax("xhwed.php/Journal/journalList",planList,1);
         /*渲染list列表*/
		function listAjax(ajaxUrl,drawMethod,postPage,postJson){
			 $.ajax({
				type:"post",
				url:serviceIP+ajaxUrl+"/p/"+postPage,
				dataType:"json",
				data:postJson,
				async:true,
				success:drawMethod
			});
		}
		  /*渲染商家列表的函数*/
		 function planList(data){
		 	if(data.result.totalPages!="0"){
		 		//console.log(data);
		     	var html = template('journalJs', data.result);
		        document.getElementById('journalwrap').innerHTML = html;
				
				/*渲染页数*/
				 PAGE.maxPage=parseInt(data.result.totalPages);
				 PAGE.activePage=parseInt(data.result.nowPage);
				 PAGE.showPage=PAGE.maxPage<5?PAGE.maxPage:5;
				 PAGE.init();
				 /*渲染小分页*/
				 drawPageShift(parseInt(data.result.nowPage),parseInt(data.result.totalPages));
			 }else(alert("没有符合筛选的条件"))
		 }
		 
		 /*点击获取ajax*/
		 $(".select,.rank,.page-wrap").click(function(){
		 	console.log(getSelectJson());
		 	listAjax("xhwed.php/Journal/journalList",planList,PAGE.activePage,getSelectJson());
		 });
		</script>
		<script type="text/html" id="journalJs">
		{{each hotellist as item index}}
		<div class="journal clearfix">
			<div class="journal-left fl">
				<h1 class="mod-tit">{{item.title}}</h1>
				<p class="mod-info mt10">{{item.addtime}}</p>
				<p class="mod-intro mt10">作者：{{item.uname}}</p>
				<p class="mod-info comment mt15">{{item.abstract}}</p>
				<div class="mt12">
					<span class="mod-h2 collect">收藏：{{item.collection_num}}</span>
					<span class="mod-h2 execute ml15">执行：{{item.implement}}</span>
				</div>
			</div>

			<div class="journal-right fr">
			{{each item.img as img imgindex}}
				<img src="{{img}}" />
			{{/each}}
			</div>
		 </div>
		{{/each}}
		</script>
	</body>
</html>